<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>组件注册</title>
</head>
<body>

	<div id="app">
		<component-a></component-a>
		<component-b></component-b>
	</div>
	
	<script src="../lib/vue.3.4.js"></script>
	<script>
		// 注意：全局注册，需要在mount之前

		// 全局注册
		var componentA = {
			template: `<div>全局注册组件</div>`
		}

		// 局部注册
		var componentB = {
			template: `<div>局部注册主键</div>`
		}


		const app = Vue.createApp({
			data () {
				return {
					
				}
			},
			// 局部注册组件
			components: {
				componentB: componentB
			}
		}).component('component-a', componentA).mount('#app');
	</script>
</body>	
</html>